<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header">
    <link rel="shortcut icon" th:href="@{/img/favicon.png}" />

    <link th:href="@{/css/home/common.css}" rel="stylesheet"/>

    <!--Required libraries-->
    <script th:src="@{/js/home/jquery-v1.10.2.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/home/modernizr-custom-v2.7.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/home/jquery-finger-v0.1.0.min.js}" type="text/javascript"></script>
    <!--Include flickerplate-->
    <link th:href="@{/css/home/flickerplate.css}"  type="text/css" rel="stylesheet" />
    <script th:src="@{/js/home/flickerplate.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/home/infinite-scroll.pkgd.min.js}" type="text/javascript"></script>

</head>
<body>
<div th:fragment="navFragment">
    <li th:if="${type}==99"><a th:href="@{'/index'}" class="active">首页</a></li>
    <li th:if="${type}!=99"><a th:href="@{'/index'}">首页</a></li>
    <li th:if="${type}==3"><a th:href="@{'/index?type=3'}" class="active">明星</a></li>
    <li th:if="${type}!=3"><a th:href="@{'/index?type=3'}">明星</a></li>
    <li th:if="${type}==1"><a th:href="@{'/index?type=1'}" class="active">电影</a></li>
    <li th:if="${type}!=1"><a th:href="@{'/index?type=1'}">电影</a></li>
    <li th:if="${type}==0"><a th:href="@{'/index?type=0'}" class="active">电视</a></li>
    <li th:if="${type}!=0"><a th:href="@{'/index?type=0'}">电视</a></li>
    <li th:if="${type}==2"><a th:href="@{'/index?type=2'}" class="active">网剧</a></li>
    <li th:if="${type}!=2"><a th:href="@{'/index?type=2'}">网剧</a></li>
    <li th:if="${type}==4"><a th:href="@{'/index?type=4'}" class="active">综艺</a></li>
    <li th:if="${type}!=4"><a th:href="@{'/index?type=4'}">综艺</a></li>
    <li th:if="${type}==5"><a th:href="@{'/index?type=5'}" class="active">时尚</a></li>
    <li th:if="${type}!=5"><a th:href="@{'/index?type=5'}">时尚</a></li>
    <li th:if="${type}==6"><a th:href="@{'/index?type=6'}" class="active">音乐</a></li>
    <li th:if="${type}!=6"><a th:href="@{'/index?type=6'}">音乐</a></li>
</div>

<div th:fragment="nav">
    <div class="logo"><img th:src="@{/img/logo.png}"/></div>
    <ul class="list" th:include="fragment/fragment::navFragment">

    </ul>
    <div class="search">
        <input class="search_input" value="搜你所想" onfocus="if(value=='搜你所想') {value=''}"
               onblur="if (value=='') {value='搜你所想'}"/>
        <a href="javascript:void(0)">
            <img onclick="window.location.href='/more?title='+document.getElementsByClassName('search_input')[0].value" th:src="@{/img/search.png}"/>
        </a>
    </div>
    <div class="clearfix"></div>
</div>

<div th:fragment="footer">
    <div class="footer_container">
        <div class="footer_logo"><img th:src="@{/img/logo.png}"/></div>
        <ul>
            <li><a href="mailto:zhiyuapp@zhiyume.com">海宁至娱智乐影视文化有限公司</a></li>
            <li><a href="mailto:zhiyuapp@zhiyume.com">联系我们：zhiyuapp@zhiyume.com</a></li>
            <li><a href="#">Copyright 2018 All Rights Reserved</a></li>
            <li><a href="#">浙ICP备17049291号-1</a></li>
        </ul>
        <ul class="saoma">
            <li><img id="appdownload" th:src="@{/images/download/appdownload.png}" th:height="111" th:width="111"/></li>
            <li><span>扫描二维码  关注我们</span></li>
        </ul>
        <div class="clearfix"></div>
    </div>
</div>
</body>
</html>

